<template>
  <div>

    <!--***页面-->
    <el-row>
      <el-col :span="24" :offset="0" style="margin-top:30px;border: 1px solid red">

        <el-form :label-position="labelPosition" :inline="true" :model="formInline" class="" >
          <el-form-item align="left" label="姓名" class="width270Height40" style="">
            <el-input v-model="formInline.name" placeholder="姓名"></el-input>
          </el-form-item>
          <el-form-item align="left" label="患者卡号" class="width270Height40" style="">
            <el-input v-model="formInline.id" placeholder="患者卡号"></el-input>
          </el-form-item>
          <el-form-item align="left" label="患者年龄" class="width270Height40" style="">
            <el-input v-model="formInline.age" placeholder="患者年龄"></el-input>
          </el-form-item>
          <el-form-item align="left" label="出生日期" class="width270Height40" style="">
            <el-input v-model="formInline.birth" placeholder="出生日期"></el-input>
          </el-form-item>
          <el-form-item align="left" label="地址" class="width270Height40" style="width:640px;">
            <el-input v-model="formInline.add" placeholder="地址"></el-input>
          </el-form-item><br/>
          <el-form-item align="left" label="诊断" class="width270Height40" style="width:640px;">
            <el-input v-model="formInline.zhenduan" placeholder="诊断"></el-input>
          </el-form-item>
          <el-form-item align="left" label="医嘱" class="width270Height40" style="width:640px;">
            <el-input v-model="formInline.yizhu" placeholder="医嘱"></el-input>
          </el-form-item>
        </el-form>

      </el-col>
    </el-row>


    <el-row>
      <el-col :span="24" :offset="0" style="margin-top:20px;border: 1px solid red">

        <div style="text-align: left;font-size: 20px;color: red"><strong>测试信息------</strong></div>
        <el-form :label-position="labelPosition" :inline="true" :model="formInline" class="first1" >
          <el-form-item align="left" label="姓名" class="width270Height40" style="">
            <el-input v-model="formInline.name" placeholder="姓名"></el-input>
          </el-form-item>
          <el-form-item align="left" label="患者卡号" class="width270Height40" style="">
            <el-input v-model="formInline.id" placeholder="患者卡号"></el-input>
          </el-form-item>
          <el-form-item align="left" label="患者年龄" class="width270Height40" style="">
            <el-input v-model="formInline.age" placeholder="患者年龄"></el-input>
          </el-form-item>
          <el-form-item align="left" label="出生日期" class="width270Height40" style="">
            <el-input v-model="formInline.birth" placeholder="出生日期"></el-input>
          </el-form-item>
          <el-form-item align="left" label="性别" class="width270Height40" style="">
            <el-input v-model="formInline.sex" placeholder="性别"></el-input>
          </el-form-item>
        </el-form>

      </el-col>
    </el-row>

  </div>
</template>

<script>
  export default {
    name: "demo1",
    data() {
      return {
        formInline: {
          user: '',
          region: ''
        },
        form: {},
        labelPosition: 'top',
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      },
      go:function () {
        this.$router.push("/record")
      }
    }
  }
</script>

<style scoped>
  .width270Height40{
    width: 270px;line-height:40px;float:left;margin-right:40px;
  }
</style>
